<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, viewport-fit=cover">
<style type="text/css">
	body{
		background: #F2F2F2;
	}
     .page_top{
     	width: 100%;
     	height: 5%;
     	display: flex;
     }
     .page_top img{
     	height: 80%;
     	width: 12%;
     }
     .zjt{
     	margin-left: 2%;
     	display: flex;
     	font-size: 16px;
     }
     .more{
     	margin-right: 2%;
     }
     .zf{
     	margin-top: 3px;
     	margin-left: 10px;

     }
     .moneyinfo{
     	display: flex;
     	background: #2AAD67;
     	width: 100%;
        height: 20%;
        border-radius: 4px;
        align-items:center;
     }
     .sfk{
     	margin-left: 20%;
     	margin-right: 20%;
        margin-top: 0%;
     }
     .qian{
        margin-top: 4%;
     }
     .sum{
     	font-size: 3px;
     	color: #DADCDD;
     }
     .jrlc{
     	margin-top: 5px;
     	background: white;
     	border-radius: 4px;
     	height: 22%;
     }
     .jrlcfun1{
     	display: flex;
     }
     .txt1{
     	font-size: 4px;
     	color: #848484;
        padding-left: 8px;
        padding-top: 8px;
     }
     .xykhk{
     	padding-top: 20px;
     	margin-left: 20px;
     }
     .lct{
     	padding-top: 23px;
     	padding-left: 25px;
     }
     .shfw{
     	margin-top: 5px;
     	background: white;
     	border-radius: 4px;
     	height: 33%;
     }
     .txt2{
     	font-size: 4px;
     	color: #848484;
        padding-left: 8px;
        padding-top: 8px;
     }
     .fun2{
     	display: flex;
     }
     .fun2p1{
     	padding-left: 18px;
     	padding-top: 21px;
     }
     .fun2p2{
     	padding-left: 18px;
     	padding-top: 22px;
     }
     .fun2p3{
     	padding-left: 18px;
     	padding-top: 20px;
     }
     .fun2p4{
     	padding-left: 25px;
     	padding-top: 20px;
     }
     .fun3{
     	display: flex;
     }
     .fun3p1{
     	padding-left: 15px;
     	padding-top: 18px;
     }
     .fun3p2{
     	padding-left: 23px;
     	padding-top: 22px;
     }
     .fun3p3{
     	padding-left: 15px;
     	padding-top: 16px;
     }
     .jtcx{
     	margin-top: 5px;
     	background: white;
     	border-radius: 4px;
     	height: 30%;
     }
     .fun4{
     	display: flex;

     }
     .fun4p1{
     	padding-left: 18px;
     	padding-top: 21px;
     }
     .fun4p2{
     	padding-left: 18px;
     	padding-top: 22px;
     }
     .fun4p3{
     	padding-left: 15px;
     	padding-top: 25px;
     }
     .fun4p4{
     	padding-left: 25px;
     	padding-top: 23px;
     }

</style>
<div class="page">
	<div class="page_top">
		<div class="zjt">
			<a href="my.html"><img src="zjt.png"></a>
					<div class="zf" align="left">支付</div> 
		</div>
		<div class="more">
			<img src="gd.png" align="right">
		</div>
	</div>
    <div class="moneyinfo">
    	<div class="sfk">
    		<img src="sfk.png" width="60px">
    	</div>
    	<div class="qian">
    		<img src="qb.png" width="50px">
    		<div class="sum">
    			¥999999999999999999.99
    		</div>
    	</div>
    </div>
	<div class="jrlc">
		<div class="txt1">金融理财</div>
		<div class="fun1">
			<div class="jrlcfun1">
				<div class="xykhk">
				     <img src="syk.png" width="70px">
				</div>
				<div class="lct">
					 <img src="lct.png" width="45px">
				</div>
			</div>
		</div>
	</div>
	<div class="shfw">
		<div class="txt2">生活服务</div>
		<div class="fun2">
			<div class="fun2p1"><img src="sjcz.png" width="60px"></div>
			<div class="fun2p2"><img src="shjf.png" width="65px"></div>
			<div class="fun2p3"><img src="Qbi.png" width="57px"></div>
			<div class="fun2p4"><img src="csfw.png" width="65px"></div>
		</div>
		<div class="fun3">
			<div class="fun3p1"><img src="txgy.png" width="60px"></div>
			<div class="fun3p2"><img src="yljk.png" width="60px"></div>
			<div class="fun3p3"><img src="jkm.png" width="70px"></div>
		</div>
	</div>
	<div class="jtcx">
		<div class="txt2">交通服务</div>
		<div class="fun4">
			<div class="fun4p1"><img src="cxfw.png" width="58px"></div>
			<div class="fun4p2"><img src="hcpjp.png" width="78px"></div>
			<div class="fun4p3"><img src="ddcx.png" width="60px"></div>
			<div class="fun4p4"><img src="jd.png" width="32px"></div>
		</div>
	</div>
</div>